*{box-sizing: border-box;}
html,body{font-size: 10px; background: #000; overflow: hidden; height: 100%;}
body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd{margin:0; font-family: "Microsoft YaHei",​Helvetica,​Arial;}
h1{font-size: 24px; font-weight: normal; color: #ababa9; text-align: center;}
p{font-size: 16px; color: #ababa9; line-height: 28px; text-align: center;}
#content{padding: 0 0 100px; background: none; position: relative; z-index: 0; overflow:hidden; font-size: 16px; color: #ababa9; height: 100%;}
#content>div{position: absolute; padding: 0 30px; overflow-y: scroll; height: 100%; width: 100%;}
.table{width: 100%; height: auto; overflow: hidden;}
.table ul{width: 100%; text-align: left; display: block; float: left; list-style: none;}
.table.in-2{padding: 0 200px;}
.table.in-2>div{padding: 0 50px; width: 50%; float: left;}
.table.in-2>div:nth-of-type(1) ul{float: right;}
.table.in-2>div:nth-of-type(2) ul{float: left;}
.table.in-3 ul{width: 33.3333%;}
.table ul li{font-size: 16px; color: #ababa9; line-height: 28px;}
.buttons{width: 100%; text-align: center; background: #000; height: 100px; padding: 30px 0; font-size: 0; position: absolute; z-index: 1; left: 0; bottom: 0; border-top: 1px solid #ddd;}
.buttons a{display: inline-block; font-size: 16px; text-align: center; height: 30px; line-height: 30px; border: 1px solid #fff; width: 150px; margin: 0 10px; color: #ddd; text-decoration: none; overflow: hidden;}
.buttons a:hover{border: 1px solid #9ed8f6;}
.bg{width: 100%; height: 100%; overflow: hidden; text-align: center; position: absolute; z-index: 0; left: 0; top: 0;}
.bg img{width: 100%; height: 100%; opacity: 0.2;}